<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<link rel="shortcut icon" href="../favicon.ico"  type="image/x-icon"/>
	<link rel="stylesheet" href="/css/normalize.css" />
	<link rel="stylesheet" href="/css/base.css" />
	<style>
		body{
			background:  url(/images/bg.png) no-repeat fixed  center top ;
			position: relative;
		}
		.outer{
			width: 450px;
			position: absolute;
			top: 240px;
			right: 350px;
		}
		.title{
			text-align: center;
			height: 60px;
		}
		.title img{
			width: 54px;
			height: 54px;
		}
		.title span{
			margin-left: 15px;
			color: #000000;
			font-size: 40px;
			font-weight: 700;
		}
		.username_div{
			margin-top: 90px;
			width: 448px;
			height: 60px;
			background: #FFFFFF;
			border: 1px solid #999999;
			border-radius: 30px;
		}
		.username_div img{
			margin-left: 40px;
			vertical-align: middle;
		}
		#username{
			width: 60%;
			height: 60px;
			font-size: 16px;
			margin-left: 10px;
			color: #999999;
			outline: none;
		}
		.password_div{
			margin: 35px 0 75px 0;
			width: 448px;
			height: 60px;
			background: #FFFFFF;
			border: 1px solid #999999;
			border-radius: 30px;
			position: relative;
		}
		#password_img_l{
			margin-left: 40px;
			vertical-align: middle;
		}
		#password{
			width: 60%;
			height: 60px;
			font-size: 16px;
			margin-left: 10px;
			color: #999999;
			outline: none;
		}
		#password_img_r{
			position: absolute;
			top: 50%;
			right: 30px;
			margin-top: -13px;
			cursor: pointer;
		}
		#login{
			width: 450px;
			height: 60px;
			color: #ffffff;
			font-size: 20px;
			font-weight: 700;
			border-radius: 30px;
			outline: none;

			cursor: pointer;
			background-image: linear-gradient(to right, #1F1CC3 , #2D82FE);
		}
	</style>
</head>
<body>
	<div class="outer">
		<div class="title">
			<img class="logo" src="/images/logo.png" >
			<span>信息门户网站</span>
		</div>
		<div class="username_div">
			<img src="/images/username.png">
			<input type="text" name="username" id="username" placeholder="用户名" autocomplete="off">
		</div>
		<div class="password_div">
			<img src="/images/password.png" id="password_img_l">
			<input type="password" name="password" id="password" placeholder="密  码" autocomplete="off">
		</div>
		<input type="button" name="login" value="登录" id="login" onclick="login()">
	</div>
</body>
</html>
<script src="/js/commons/jquery.js"></script>
<script charset="utf-8" src="/js/commons/layui/layui.all.js" ></script>
<script src="/js/web/index.js"></script>